<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="css/cssReset.css">
  <link rel="stylesheet" href="css/index.css">
</head>

<body>
  <!-- 页面顶部 start -->
  <div class="top">
    <div class="top_page">
      <div class="top_page_l">
        <p>您好，XXX，欢迎来到建材网！</p>
      </div>
      <div class="top_page_f">
        <nav>
          <a href="#">建材网首页</a>
          <a href="#">我的商务室</a>
          <a href="#">我的收藏</a>
          <a href="#">建材服务</a>
          <a href="#">客服中心</a>
          <a href="#">网站导航</a>
        </nav>
      </div>
    </div>
  </div>
  <hr>
  <!-- 页面顶部 end -->
  <!--页面中部start  -->
  <div class="body">
    <div class="body-top">
      <div class="body-top-l">
        <img src="images/sprite2.png" alt="">
      </div>
      <div class="body-top-r">
        <input type="text" name="" value="" placeholder="请输入关键字">
        <div class="search">
          <p>搜索</p>
        </div>

      </div>
    </div>
    <div class="body-middle">
      <div class="nav">
        <nav>
          <span class="first"><a href="#">首页</a></span>
          <span class="second"><a href="#material">建筑材料</a></span>
          <span class="three"><a href="#child">儿童安全座椅</a></span>
          <span class="four"><a href="#art">工艺美术品</a></span>
        </nav>

      </div>
      <div class="line"></div>
      <div class="banner">
        <div class="banner-l">
          <div class="nav1">
            <nav>
              <div class="first1">
                <img src="" alt=""> <a href="#">商机市场</a><br>
              </div>
              <div class="second1">
                <img src="" alt=""><a href="#">建筑材料</a><br>
              </div>
              <div class="three1">
                <img src="" alt=""><a href="#">儿童安全座椅</a><br>
              </div>
              <div class="four1">
                <img src="" alt=""><a href="#">工艺艺术品</a><br>
              </div>
              <div class="five1">
                <img src="" alt=""> <a href="#">建筑材料</a><br>
              </div>
              <div class="six1">
                <img src="" alt=""> <a href="#">儿童安全座椅</a><br>
              </div>
              <div class="seven1">
                <img src="" alt=""><a href="#">工艺艺术品</a>
              </div>
            </nav>
          </div>
        </div>
        <div class="banner-m">
          <img src="images/center.png" alt="">
        </div>
        <div class="banner-r">
          <div class="top1">
            <h4>建材通大众版</h4>
            <div class="ico">
              <img src="images/sprite3.png" alt="">
              <p>价格实惠，量身为营销预算不多的供应商所设. <a href="#">了解详情</a></p>
            </div>
          </div>
          <div class="bottom1">
            <div>
              <p class="txt">找信息或者发信息遇到问题？</p>
            </div>
            <div class="phone">
              <img src="images/sprite4.png" alt="">
              <p class="num">0571-89938887</p>
            </div>

            <div class="img"><img src="images/sprite5.png" alt=""></div>
          </div>
        </div>

      </div>

    </div>
    <hr class="hr2">
    <div class="body-bottom">
      <div class="nav2">
        <div class="material" id="material">
          <p>建筑材料</p>
        </div>
        <div class="content">
          <div class="body-bottom-l">
            <span>
              <div class="top2">
                <div class="left1">
                  <div class="img1">
                    <img src="images/sprite6.png" alt="">
                    <div class="gobuy">
                        <p>立即购买</p>
                    </div>
                  </div >
                  <div class="txt1">
                    <p class="title">好太太晾衣架&nbsp;铝钛合金&nbsp;升降双杆</p>
                    <p class="t">自动换挡&nbsp;安全耐用<br>稳定性好&nbsp;抗氧化强 </p>
                      <p class="num1">239.00</p>
                      <p class="num1_1">￥386.00</p>
                      <div class="sale">
                  <p>限量<span>99</span>件&nbsp;已售出<span>20</span>件</p>
          </div>
        </div>
      </div>

      <div class="right1">
        <div class="img2">
          <img src="images/sprite7.png" alt="">
          <div class="gobuy1">
            <p>立即购买</p>
          </div>
        </div>
        <div class="txt2">
          <p class="title">威尔舒木地板12mm厚网络超值特</p>
          <p class="t">防滑抗污&nbsp;清理简单<br>扣型紧密&nbsp;环保健康 </p>
          <p class="num2">10.00</p>
          <p class="num2_1">￥68.00</p>
          <div class="sale1">
            <p>限量<span>100</span>件&nbsp;已售出<span>8</span>件</p>
          </div>
        </div>
      </div>

    </div>
    <hr class="hr1">
    <div class="bottom2">
      <div class="top2">
        <div class="left1">
          <div class="img1">
            <img src="images/c3.png" alt="">
            <div class="gobuy">
              <p>立即购买</p>
            </div>
          </div>
          <div class="txt1">
            <p class="title">好艺达高档太空铝三件套3500套</p>
            <p class="t">经典的设计风格<br>优质的产品品质 </p>
            <p class="num1">99.00</p>
            <p class="num1_1">￥477.00</p>
            <div class="sale">
              <p>限量<span>100</span>件&nbsp;已售出<span>51</span>件</p>
            </div>
          </div>
        </div>

        <div class="right1">
          <div class="img2">
            <img src="images/c4.png" alt="">
            <div class="gobuy1">
              <p>立即购买</p>
            </div>
          </div>
          <div class="txt2">
            <p class="title">好太太晾衣架&nbsp;8188&nbsp;晒被架</p>
            <br><br>
            <p class="num2">350.00</p>
            <p class="num2_1">￥0.00</p>
            <div class="sale1">
              <p>限量<span>100</span>件&nbsp;已售出<span>6</span>件</p>
            </div>
          </div>
        </div>

      </div>
    </div>
    </span>
  </div>
  <div class="body-bottom-r">
          <div class="top3">
            <p>建材资讯</p>
          </div>
          <div class="bottom3">
              <ul>
                <li>贵阳钢材市场7月17日价格行情</li>
                <li>贵阳钢材市场7月17日价格行情</li>
                <li>贵阳钢材市场7月17日价格行情</li>
                <li>贵阳钢材市场7月17日价格行情</li>
                <li>贵阳钢材市场7月17日价格行情</li>
                <li>贵阳钢材市场7月17日价格行情</li>
                <li>贵阳钢材市场7月17日价格行情</li>
                <li>贵阳钢材市场7月17日价格行情</li>
                <li>贵阳钢材市场7月17日价格行情</li>
                <li>贵阳钢材市场7月17日价格行情</li>
                <li>贵阳钢材市场7月17日价格行情</li>
                <li>贵阳钢材市场7月17日价格行情</li>
              </ul>
          </div>
  </div>
  </div>
  </div>
      <div class="nav3">
        <div class="child" id="child">
          <p>儿童安全座椅</p>
        </div>
        <div class="conntent1">
        <div class="left2">
          <div class="img3">
            <img src="images/et.png" alt="">
            <div class="line2"></div>
             <a href="#">详情点击>></a>
          </div>
          <div class="et">
            <div class="et01">
              <div class="img4">
                <img src="images/et01.png" alt="">
              </div>
                  <div class="conntent2">
                      <p class="title1">英国百代适-至尊者（带ISOFIX接口）奔驰宝马专用</p>
                      <p class="content1">适合年龄：9个月-4岁</p>
                      <p class="content1">市场价: <span>￥5580元</span> </p>
                      <p class="content1">直销价： <span class="red">￥3380元</span> </p>
                  </div>
            </div>
            <div class="et01">
              <div class="img4">
                <img src="images/et02.png" alt="">
              </div>
                  <div class="conntent2">
                      <p class="title1">欧贝儿童安全座椅3-12岁ISOFIX儿童汽车安全座椅</p>
                      <p class="content1">适合年龄：3-12岁</p>
                      <p class="content1">市场价: <span>￥1980元</span> </p>
                      <p class="content1">直销价： <span class="red">￥1380元</span> </p>
                  </div>
            </div>
            <div class="et01">
              <div class="img4">
                <img src="images/et04.png" alt="">
              </div>
                  <div class="conntent2">
                      <p class="title1">西班牙JANE（INDY PLUS TEAM）3-12岁&nbsp;H65带</p>
                      <p class="content1">适合年龄：3-12岁</p>
                      <p class="content1">市场价: <span>￥2980元</span> </p>
                      <p class="content1">直销价： <span class="red">￥1980元</span> </p>
                  </div>
            </div>
            <div class="et01">
              <div class="img4">
                <img src="images/et03.png" alt="">
              </div>
              <div class="conntent2">
                  <p class="title1">欧贝儿童安全座椅3-12岁ISOFIX儿童汽车安全座椅</p>
                  <p class="content1">适合年龄：3-12岁</p>
                  <p class="content1">市场价: <span>￥1980元</span> </p>
                  <p class="content1">直销价： <span class="red">￥1380元</span> </p>
              </div>
            </div>
          </div>

        </div>
      <div class="right2">
        <div class="top4">
      <img src="images/et_right.png" alt="">
        </div>
        <div class="bottom4">
   <img src="images/et_right_bottom.png" alt="">
        </div>
      </div>


</div>

  </div>
  <div class="nav2">
    <div class="material" id="art">
      <p >工艺美术品</p>
    </div>
    <div class="content">
      <div class="body-bottom-l">
        <span>
          <div class="top2">
            <div class="left1">
              <div class="img1">
                <img src="images/sprite6.png" alt="">
                <div class="gobuy">
                    <p>立即购买</p>
                </div>
              </div >
              <div class="txt1">
                <p class="title">好太太晾衣架&nbsp;铝钛合金&nbsp;升降双杆</p>
                <p class="t">自动换挡&nbsp;安全耐用<br>稳定性好&nbsp;抗氧化强 </p>
                  <p class="num1">239.00</p>
                  <p class="num1_1">￥386.00</p>
                  <div class="sale">
              <p>限量<span>99</span>件&nbsp;已售出<span>20</span>件</p>
      </div>
    </div>
  </div>

  <div class="right1">
    <div class="img2">
      <img src="images/sprite7.png" alt="">
      <div class="gobuy1">
        <p>立即购买</p>
      </div>
    </div>
    <div class="txt2">
      <p class="title">威尔舒木地板12mm厚网络超值特</p>
      <p class="t">防滑抗污&nbsp;清理简单<br>扣型紧密&nbsp;环保健康 </p>
      <p class="num2">10.00</p>
      <p class="num2_1">￥68.00</p>
      <div class="sale1">
        <p>限量<span>100</span>件&nbsp;已售出<span>8</span>件</p>
      </div>
    </div>
  </div>

  </div>
  <hr class="hr1">
  <div class="bottom2">
  <div class="top2">
    <div class="left1">
      <div class="img1">
        <img src="images/c3.png" alt="">
        <div class="gobuy">
          <p>立即购买</p>
        </div>
      </div>
      <div class="txt1">
        <p class="title">好艺达高档太空铝三件套3500套</p>
        <p class="t">经典的设计风格<br>优质的产品品质 </p>
        <p class="num1">99.00</p>
        <p class="num1_1">￥477.00</p>
        <div class="sale">
          <p>限量<span>100</span>件&nbsp;已售出<span>51</span>件</p>
        </div>
      </div>
    </div>

    <div class="right1">
      <div class="img2">
        <img src="images/c4.png" alt="">
        <div class="gobuy1">
          <p>立即购买</p>
        </div>
      </div>
      <div class="txt2">
        <p class="title">好太太晾衣架&nbsp;8188&nbsp;晒被架</p>
        <br><br>
        <p class="num2">350.00</p>
        <p class="num2_1">￥0.00</p>
        <div class="sale1">
          <p>限量<span>100</span>件&nbsp;已售出<span>6</span>件</p>
        </div>
      </div>
    </div>

  </div>
  </div>
  </span>
  </div>
  <div class="body-bottom-r">
      <div class="top3">
        <p>建材商社</p>
      </div>
      <div class="bottom5">
        <div class="b-top">
            <div class="img5">
          <img src="images/subtitle.png" alt="">
            </div>
            <div class="content2">
            <p>在装灯具时，如果装上分控开关，可以省去很多烦恼。因为如果只有一个总开关...</p>
            </div>
        </div>
        <div class="b-bottom">
          <ul>
          <li> <span class="t">[采暖论坛]</span> 精心细选大半年，终于满足小</li>
          <li><span class="t">[建材采购区]</span> 生活家·巴洛克《旅行篇》--</li>
          <li><span class="t">[卫浴论坛]</span> 弯道超车 赢在2012</li>
          <li><span class="t">[采暖论坛]</span> 通过闻气味，我终于确定她就</li>
          <li><span class="t">[采暖论坛]</span> 真正体会到了，什么叫做实践</li>
          <li><span class="t">[功能材料论坛]</span> 我国酚醛泡沫材料行业现</li>
          <li><span class="t">[建筑工程论坛]</span> 2012年上半年我国住宅市</li>
          <li><span class="t">[采暖论坛]</span> 真正体会到了，什么叫做实践</li>
          </ul>
        </div>

      </div>
  </div>
  </div>
  </div>


  </div>

  <!-- 页面中部end -->
  <hr class="hr3">
  <div class="bottom">
  <nav class="nav4">
    <p class="title2">友情链接:</p>
    <p class="content3"> 中视网盟&nbsp;9355开心创业网&nbsp;连锁店加盟&nbsp;就爱加盟网&nbsp;
    百度&nbsp;谷歌&nbsp;雅虎&nbsp;新浪&nbsp;搜狐&nbsp;网易&nbsp;
    凤凰网&nbsp;央视网&nbsp;新华网</p>
    <p class="content4">中视网盟&nbsp;9355开心创业网&nbsp;连锁店加盟&nbsp;就爱加盟网&nbsp;
    百度&nbsp;谷歌&nbsp;雅虎&nbsp;新浪&nbsp;搜狐&nbsp;网易&nbsp;
    凤凰网&nbsp;央视网&nbsp;新华网</p>
  </nav>
      <hr class="hr4">
      <nav class="nav5">
        <p>关于我们 | </p>
        <p>建材通服务 | </p>
        <p>网站建设 | </p>
        <p>诚聘英才 | </p>
        <p>友情链接 | </p>
        <p>联系方式 | </p>
        <p>隐私声明 | </p>
        <p>版权声明 | </p>
        <p>帮助中心 | </p>
        <p >网站地图  </p>
        <p class="p">|&nbsp;中国建材网&nbsp;
        版权所有2000-2012 服务热线：0571-89938887请联系我们：
      Service@BMlink.com|&nbsp;&nbsp;建材网会员互动群:153120106</p>


      </nav>
</div>
  </div>
</body>

</html>
